<template>
  <view>
    <button class="uni-button">按钮</button>

    <!-- uni内置组件  view   -->
    <text class="iconfont icon-a-072_dengji xx"></text>
    <text class="iconfont icon-done xx"></text>
    <!-- uni扩展组件库  符合组件规范 不用导入直接使用  配置easycom -->
    <!-- 
      uni-icons 使用自己的图标 
        customPrefix => 公共类名
        type => 图标类名
        size => 大小
        color => 颜色
    -->
    <uni-icons customPrefix="iconfont" type="icon-done" size="90" color="red" />

    <text class="t-icon t-icon-a-huangsedehuahuabanaiqingmeiguihua yy"></text>
    <text class="t-icon t-icon-a-flowerrosemeiguihuahua"></text>
    <uni-icons customPrefix="t-icon" type="t-icon-a-flowerrosemeiguihuahua" />

    <text class="uniui-icon uniui-icon-symbol-tool-03 yy"></text>
    <text class="uniui-icon uniui-icon-symbol-tool-07 yy"></text>
  </view>

  <button class="uni-button" @click="testRequest">测试</button>

  <text>{{ store.count }}</text>
  <button @click="store.add">+1</button>
  <text>{{ store.money }}</text>
  <button @click="store.addMoney">+1</button>
</template>

<script setup lang="ts">
  import { loginByPassAPI } from '@/apis/user'
  import { useCountStore } from '@/stores/count'
  import { request } from '@/utils/http'

  const store = useCountStore()

  const testRequest = async () => {
    // request
    //   .post('/login/password', {
    //     mobile: '13211112222',
    //     password: 'abc123457777',
    //   })
    //   .then((res) => {
    //     // 请求结束了 业务成功/失败
    //     console.log(res)
    //   })
    //   .catch((err) => {
    //     console.log(err)
    //   })
    // const res = await loginByPassAPI({
    //   mobile: '13211112222',
    //   password: 'abc12345',
    // })
    // console.log(res.token) // res 已经被剥离了

    const res = await request.get('/patient/myUser')
    console.log(res)
  }
</script>

<style lang="scss" scoped>
  // 1. 解压到static  改名
  // 2. 统一将iconfont.css  =>  scss
  // 3. App.vue中导入  @import  '';
  // 4. index中使用
  .xx {
    // 字
    font-size: 100rpx;
    color: red;
  }
  .yy {
    // 多色图标必须转普通图片  跨端(小程序)
    width: 100rpx;
    height: 100rpx;
  }
</style>
